<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax</title>
</head>
<body>

<button id="bt" name="bt" type="submit">提交</button>

</body>
<script>

    let bt = document.getElementById('bt');
    bt.onclick = function () {
        let xmlHTTP;
        // 兼容低版本IE浏览器
        if(window.XMLHttpRequest){
            // 初始化XML对象
            xmlHTTP = new XMLHttpRequest();
        }else {
            xmlHTTP = new ActiveXObject('Microsoft.XMLHTTP')
        }
        // 设置请求方式和地址
        xmlHTTP.open('GET', 'ajax-test.php?t='+Math.random(), true);
        // 发送请求
        xmlHTTP.send();
        // 监听状态 (onreadystatechange)
        xmlHTTP.onreadystatechange = function () {
            // 判断请求状态 大于等于200且小于300或等于304都是成功
            if(xmlHTTP.readyState === 4){
                if(xmlHTTP.status >= 200 && xmlHTTP.status < 300 || xmlHTTP.status === 304){
                    // 成功
                    console.log('请求成功');
                    // 以字符串形式接受响应
                    alert(xmlHTTP.responseText)

                }else {
                    // 失败
                    console.log('请求失败')
                }
            }
        }
    }

</script>
</html>